<template>
	<!-- 赞 -->
	<view>
		<!-- 头部 -->
		<hx-navbar ref="hxnb" :config="config" />
		<!-- 内容 -->
		<view class="content" style="margin-top:18rpx ;">
			<view class="flex" style="padding: 20rpx;margin-bottom: 5rpx;background-color: #fff;" v-for="(item,index) in listdate" :key="index">
				<view>
					<view class="flex">
						<image style="width: 94rpx;height:94rpx;" :src="item.image" mode=""></image>
						<view style="padding: 0 10rpx;line-height: 48rpx;">
							<view style="display: flex;">
								<text style="font-size: 32rpx;">{{item.name}}</text>
								<text style="font-size: 28rpx;color: #C7C7C7;">{{item.time}}</text>
							</view>
							<view
								style="font-size: 28rpx;color: #9A9898;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;width: 348rpx;">
								{{item.message}}
							</view>
						</view>
					</view>
					<view
						style="width: 400rpx;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;display: flex;padding: 10rpx;">
						<image v-for="(items,index) in item.images" :key="index"
							style="width: 40rpx;height: 40rpx;margin: 5rpx;" :src="items.img" mode=""></image>
					</view>
				</view>
				<image class="image" :src="item.img" mode=""></image>
			</view>
		</view>
	</view>
</template>
<script>
	export default {
		data() {
			return {config: {
					title: '点赞',
					color: '#111111',
					backgroundColor: [1, '#FFFFFF'],
					border: true,
					// #ifdef H5
					backPage: '',
					// #endif
				},
				listdate: [{
						image: '../../static/topic/194.png',
						name: '姚醒醒',
						message: '18人赞了作品《XXXXX》',
						time: '1小时前',
						img: '../../../images/me/me.png',
						images: [{
								img: '../../static/topic/193.png'
							},
							{
								img: '../../static/topic/193.png'
							},
							{
								img: '../../static/topic/193.png'
							},
							{
								img: '../../static/topic/193.png'
							}, {
								img: '../../static/topic/193.png'
							}, {
								img: '../../static/topic/193.png'
							}
						]
					},
					{
						image: '../../static/topic/194.png',
						name: '米夏小雨',
						message: '收藏了作品《XXXXX》',
						time: '1小时前',
						img: '../../../images/me/me.png',
						images: [{
								img: '../../static/topic/193.png'
							},
							{
								img: '../../static/topic/193.png'
							},
							{
								img: '../../static/topic/193.png'
							},
							{
								img: '../../static/topic/193.png'
							}, {
								img: '../../static/topic/193.png'
							}, {
								img: '../../static/topic/193.png'
							}
						]
					},
					{
						image: '../../static/topic/194.png',
						name: 'fuckyeahSR',
						message: '分享了作品《XXXXX》实...',
						time: '1小时前',
						img: '../../../images/me/me.png',
						images: [{
								img: '../../static/topic/193.png'
							},
							{
								img: '../../static/topic/193.png'
							},
							{
								img: '../../static/topic/193.png'
							},
							{
								img: '../../static/topic/193.png'
							}, {
								img: '../../static/topic/193.png'
							}, {
								img: '../../static/topic/193.png'
							}
						]
					}
				]
			}
		},
		onLoad() {},

		onShow() {},
		methods: {
			//返回上一页
			goBack() {
				uni.navigateBack(1)
			},
		}
	}
</script>

<style scoped>
	.image {
		width: 214rpx;
		height: 158rpx;
	}

	.flex {
		display: flex;
		justify-content: space-between;
	}
</style>
